<as-split direction="vertical" unit="pixel" [disabled]="true" gutterSize="0">
  <as-split-area size="35" class="button-area">
    <button nz-button (click)="create()" [acl]="['ROLE_SENATOR']">
      <i nz-icon nzType="plus" nzTheme="outline"></i>新建
    </button>
    <button nz-button (click)="reflesh()"><i nz-icon nzType="reload" nzTheme="outline"></i>刷新</button>
  </as-split-area>
  <as-split-area class="border-1 form-area" size="100">
    <div nz-row class="text-right matech-toolbar">
      <div nz-col nzSpan="21">
        <form nz-form>
          <div nz-row nzType="flex" nzJustify="start">
            <nz-form-label nz-col nzSpan="2" class="text-right">所属学院</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <app-academy-select [(academyId)]="queryParams.academyId"></app-academy-select>
            </nz-form-control>
            <nz-form-label nz-col nzSpan="2" class="text-right">所属专业</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <app-profession-select [academyId]="queryParams.academyId" [(professionId)]="queryParams.professionId">
              </app-profession-select>
            </nz-form-control>
            <nz-form-label nz-col nzSpan="2" class="text-right">班级编码</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <input nz-input placeholder="请输入班级编号" maxlength="100" name="code" [(ngModel)]="queryParams.code" />
            </nz-form-control>
            <nz-form-label nz-col nzSpan="2" class="text-right">班级名称</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <input nz-input placeholder="请输入班级名称" maxlength="100" name="name" [(ngModel)]="queryParams.name" />
            </nz-form-control>
          </div>

          <div nz-row nzType="flex" nzJustify="start">
            <nz-form-label nz-col nzSpan="2" class="text-right">所属年度</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-left">
              <nz-year-picker nzPlaceHolder="请选择所属年度" name="grade" [(ngModel)]="queryParams.grade"
                [style]="{ width: '100%' }"></nz-year-picker>
            </nz-form-control>
          </div>

        </form>
      </div>
      <div nz-col nzSpan="3" class="text-center form-area-btn">
        <div nz-row class="first-btn">
          <button nz-button (click)="onSearch()" [nzType]="'primary'"><i nz-icon nzType="search"></i>查找</button>
        </div>
        <div nz-row class="second-btn">
          <button nz-button (click)="onResetForm()"><em nz-icon nzType="redo" nzTheme="outline"></em>重置</button>
        </div>
      </div>
    </div>
  </as-split-area>
  <as-split-area [size]="'*'">
    <app-class-list #classListComponent [queryParams]="queryParams"></app-class-list>
  </as-split-area>
</as-split>
